/**
 * Created by Administrator on 2016/7/30.
 */
$(function () {
    //全部品牌
    $('.product-2-title a').mouseover(function () {
        $(this).css('color','#f10180');
        $('.product-2-title div').css('border','1px solid #f10180');
    })
    $('.product-2-title a').mouseout(function () {
        $(this).css('color','#333');
        $('.product-2-title div').css('border','1px solid #333');
    })



//$('.product-2').each(function () {
//    $(this).find('.product-2-content').each(function (index) {
//        //渐隐渐现
//        $(this).mouseover(function () {
//            console.log('你好');
//            $('.product-2-content-in img').eq(index).animate({opacity:'0.7'},300, function(){
//                $('.product-2-content-in img').eq(index).animate({opacity:'1'},300)
//            });
//            $('.product-2-hider').eq(index).css('display','block');
//        })
//        $(this).mouseout(function () {
//            $('.product-2-hider').eq(index).css('display','none');
//        })
//    })
//})

    $(' .product-2-content').each(function (index) {
        //渐隐渐现
        $(this).mouseover(function () {
            $('.product-2 .product-2-content-in img').eq(index).animate({opacity:'0.7'},300, function(){
                console.log(index);
                $('.product-2 .product-2-content-in img').eq(index).animate({opacity:'1'},300)
            });
            $('.product-2 .product-2-hider').eq(index).css('display','block');
        })
        $(this).mouseout(function () {
            $('.product-2 .product-2-hider').eq(index).css('display','none');
        })
    })

    $('.product-2 .product-2-hider').each(function () {
        $(this).mouseover(function () {
            $(this).css('background-color','#f10180');
            $('.product-2 .product-2-hider span').css('color','white');
        })
        $(this).mouseout(function () {
            $(this).css('background-color','#fff');
            $('.product-2 .product-2-hider span').css('color','#333');

        })
    })


//    footer
    $('.product-2-footer').mouseover(function () {
        $('.product-2-footer div').css('opacity',0.8);
    })
    $('.product-2-footer').mouseout(function () {
        $('.product-2-footer div').css('opacity',1);
    })
})